<script setup lang="ts">
const paymentMethodsList = ref([1, 2, 3])
</script>

<template>
  <div class="container">
    <div class="header">
      <NavBar title="付款方式" />
    </div>
    <div class="content">
      <div class="payment-methods-list-ul">
        <PaymentMethodsList :payMentList="paymentMethodsList" v-if="paymentMethodsList && paymentMethodsList.length > 0" />
        <Empty v-else description="暂无付款方式" />
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.payment-methods-list-ul {
  padding: 8px 10px;
}
</style>
